<!DOCTYPE html>
<html lang="en">

<head>


    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="layout" content="portalForAppTemplate"/>
    <title>首页</title>
    <meta name="userShare" content="share=0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta content="telephone=no" name="format-detection">
    <meta content="email=no" name="format-detection" />
    <style>
    html {
        height: 100%;
    }

    .alert-msg {
        position: absolute;
        z-index: 10;
        width: 100%;
        padding: .4rem;
        top: 30%;
    }

    .alert-box {
        background-color: #fff;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);
        line-height: 1.5rem;
        text-align: center;
        font-size: .5rem;
    }

    .area.active {
        opacity: 0.3;
    }

    .icon-4 {
        background: url('${resource(dir: "images", file: "icon-4.png")}') no-repeat;
        background-size: 100% 100%
    }

    .card-sup.four {
        background-color: #c5a433;
    }

    #cnzz_stat_icon_1259860423 {
        visibility: hidden;
    }
    div.container.main {
        height: 250px;
        background: #fff;
    }
    .foot {
        background: #f2f2f2;
        margin-top: 26px;
    }
    .bigBtn {
        padding: 0 2rem;
        margin: 1.7rem 0;

    }
    .linkBtn {
    background-color: #ef673f !important;
    border: none;
    color: #fff;
    font-family: inherit;
}
    img {
        width: 100%;
        height: 250px;
    }
    </style>
</head>

<body>
<nav class="nav">
    <a href="javascript:void(0);" onclick="window.android.close()"><</a>
    快贷
</nav>
<div class="container main">
    <g:img dir="resources" file="banner.jpg"/>
</div>
<footer class="foot">
    %{--提示信息和验证--}%
    <g:if test="${flash.message}">
        <div class="alert-msg">
            <div class="alert-box box-radius">
                ${flash.message}
            </div>
        </div>
    </g:if>
    <div class="area">
        <g:link controller="portalForApp" action="create2Step1" params="[contact: this.contact?.id]" class="card-item box-radius" disabled="disabled">
            <div class="bigBtn">
                <input type="button" value = "极速询价" class="linkBtn weui_btn weui_btn_plain_default" id="button_id1" onclick="color1()" />
            </div>
        </g:link>
         <g:link controller="portalForApp" action="create3Step1" params="[contact: this.contact?.id]" class="card-item box-radius">
             <div class="bigBtn">
                <input type="button" value = "精准估值" class="linkBtn weui_btn weui_btn_plain_default" id="button_id2" onclick="color2()" />
            </div>
        </g:link>
        <g:link controller="portalForApp" action="indexOfOpportunity" params="[contact: this.contact?.id, stage: 'alreadyPF']" class="card-item box-radius">
            <div class="bigBtn">
                <input type="button" value = "评估记录" class="linkBtn weui_btn weui_btn_plain_default" id="button_id3" onclick="color3()" />
            </div>
        </g:link>
${this.externalId}
    </div>
</footer>
    <asset:javascript src="jquery-1.12.3.min.js" />
    <script>
    $(function() {
        if ($(".alert-msg").css("display") == "block") {
            $(".area").addClass("active");
            $(".card-item").click(function(e) {
                e.preventDefault();
            })
        }
    });
    </script>
    <script type="text/javascript">
    var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
    document.write(unescape("%3Cspan id='cnzz_stat_icon_1259860423'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s95.cnzz.com/z_stat.php%3Fid%3D1259860423%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));
    // 按钮状态位
        function sleep(numberMillis) {
            var now = new Date();
            var exitTime = now.getTime() + numberMillis;
            while (true) {
                now = new Date();
                if (now.getTime() > exitTime)
                    return;
            }
        }
        function color1(){
           document.getElementById("button_id1").style.setProperty('background-color', '#ccc', 'important');
        }
        function color2(){
           document.getElementById("button_id2").style.setProperty('background-color', '#ccc', 'important');
        }
        function color3(){
           document.getElementById("button_id3").style.setProperty('background-color', '#ccc', 'important');
        }
    </script>

</body>

</html>
